<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>STW OnLine</title>
    <link href="{{ MEDIA_URL }}css/layout.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="{{ MEDIA_URL }}img/icon.png" />
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}demo.css" />
    <script type="text/javascript" src="{{ MEDIA_URL }}stw.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL }}script.js"></script>
<!--fim scripts capa -->
<!-- Scrits Portifolio -->
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/demoScroll.css" />
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/styleScroll.css" />
	<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/jquery.jscrollpane.codrops2.css" />
	<!-- the mousewheel plugin -->
	<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.mousewheel.js"></script>
	<!-- the jScrollPane script -->
	<script type="text/javascript" src="{{ MEDIA_URL }}js/jquery.jscrollpane.min.js"></script>
	<script type="text/javascript" src="{{ MEDIA_URL }}js/scroll-startstop.events.jquery.js"></script>
    <!-- Fim Script -->
    <!-- Script Barra-->
    <script type="text/javascript" src="{{ MEDIA_URL }}js/BarraNews.js"></script>
    <script src="{{ MEDIA_URL }}js/Sytx.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/BarraNews.css" type="text/css" media="screen" />
    <script type="text/javascript">
    $(function(){
        $("ul#ticker01").liScroll();
        $("ul#ticker02").liScroll({travelocity: 0.15});
    //Syntax
    $.syntax({root: 'js/'});
    });
    </script>

    <!-- Fim Script Barra-->
</head>
<body>
    <div id="principal">
        <!-- Inicio Topo -->
        <div id="top">
            <div id="logo">
    	        <img src="{{ MEDIA_URL }}img/logo.png" alt="Logomarca STW"/>
            </div>
            <div id="imenu">
                <div id="items">
                <!-- Inicio menu -->
                    <div id="menuLinks">
                        <p class="menu">
                            <a href="{% url fiduciam.views.homepage %}">Home</a>   |  <a href="{% url fiduciam.views.noticias %}">Notícias</a>   |  <a href="{% url fiduciam.views.servicos %}">Serviços</a>   |  <a href="{% url fiduciam.views.portifolio %}">Portifólio</a>   |  <a href="{% url fiduciam.views.quemsomos %}">Quem Somos</a>   |  <a href="{% url fiduciam.views.contato %}">Contato</a>
                        </p>
                    </div>
                    <div id="effects"></div>
                </div>
            </div>
            <!-- Fim Menu -->
            <div id="fimTop">
    	        <img src="{{ MEDIA_URL }}img/fim-menu_s1.png" />
            </div>
        </div>
        <!-- Fim topo  -->
    <div id="NoticiaContainer">
			<div id="imgNoticia"> <a href="noticias.html"><img src="{{ MEDIA_URL }}img/ultimas.png" alt="none" /></a>
			</div>
			<div id="Noticia">
                <div class="gnb">
                                <ul id="ticker01">
                                    {% for noticias in noticias %}
                                            <li><span>{{ noticias.data|date:'d/m/y'}}</span><a href="{% url fiduciam.views.noticiainterna slug=noticias.slug %}">{{ noticias.titulo }}</a></li>
                                    {% endfor %}
                                </ul>
                </div>
            </div>
			</div><!-- Noticia -->
        <!-- Inicio Capa -->
        <div id="main">
            <div id="gallery2">
                <div id="slides">
                    <div class="slide">
                        <a href="quem_somos.html">
                            <img src="{{ MEDIA_URL }}img/sample_slides/home.jpg" width="920" height="400" />
                        </a>
                    </div>
                    <div class="slide">
                        <img src="{{ MEDIA_URL }}img/sample_slides/macbook.jpg" width="920" height="400" />
                    </div>
                    <div class="slide">
                        <img src="{{ MEDIA_URL }}img/sample_slides/iphone.jpg" width="920" height="400" />
                    </div>
                    <div class="slide">
                        <img src="{{ MEDIA_URL }}img/sample_slides/imac.jpg" width="920" height="400" />
                    </div>
                </div>
                <div id="menu"><ul><li class="menuItem"><a href=""><img src="{{ MEDIA_URL }}img/sample_slides/thumb_stw.png" /></a></li><li class="menuItem"><a href=""><img src="{{ MEDIA_URL }}img/sample_slides/thumb_macbook.png" /></a></li><li class="menuItem"><a href=""><img src="{{ MEDIA_URL }}img/sample_slides/thumb_iphone.png" /></a></li><li class="menuItem"><a href=""><img src="{{ MEDIA_URL }}img/sample_slides/thumb_imac.png" /></a></li></ul>
                </div>
            </div>
        </div>
<!-- Fim capa -->
<div id="container2">
  <div id="conteudo">
    <div id="esq">
       <div class="container">
<div class="wrapper">
    <div id="jp-container" class="jp-container">
      {% for portifolio in portifolio %}
      {% if portifolio.publicar %}
		<a href="portifolio.html">
            <div id="imagemPort">
                <img src="/media/{{ portifolio.imagem_destaque }}" width="200" height="250" />
            </div>
            <div>
				<h3 class="TituloPort1">{{ portifolio.titulo }}</h3>
                <p class="DescPortifolio">{{ portifolio.conteudo }}</p>
                <ul >
                    <li class="caracteristica">{{ portifolio.caracteristica1 }}</li>
                    <li class="caracteristica">{{ portifolio.caracteristica2 }}</li>
                    <li class="caracteristica">{{ portifolio.caracteristica3 }}</li>
                    <li class="caracteristica">{{ portifolio.caracteristica4 }}</li>
                </ul>
                <p class="portLink">{{ portifolio.link }}</p>
            </div>
      {% endif %}
      {% endfor %}
        </a>
    </div>
<div class="clr"></div>
</div>

</div>
    <!-- Script portifólio -->
		<script type="text/javascript" src="{{ MEDIA_URL }}js/script_stw.js"></script>
    </div>
    <div id="direito">
    <!-- box 1 header -->
        <div id="box1Direito">
        	<!-- inicio botao 1 -->
        	<div id="botao1">
                <h3 class="TituloBotoes">
                    <a href="servicos.html" >Desenvolvimento</a>
                </h3>

          <div id="ImgBotao1"> <a href="servicos.html"><img src="{{ MEDIA_URL }}img/botao1.png" alt="Imagem Botao 1" /></a>
                     </div>
                        <div id="Botao">
                            <a href="servicos.html">
                                <img class="botao" src="{{ MEDIA_URL }}img/btnBotao_s1.png" alt="Botao Conheça" />
                            </a>
                     </div>
    </div>
            <!-- Inicio botao 2 -->
            <div id="botao2">
            <h3 class="TituloBotoes"><a href="servicos.html">Consultoria</a></h3>
<div id="ImgBotao2"> <a href="servicos.html"><img src="{{ MEDIA_URL }}img/botao2.png" alt="Imagem Botao 2" /></a>
             </div>
             <div id="Botao"> <a href="servicos.html"><img class="botao" src="{{ MEDIA_URL }}img/btnBotao_s1.png" alt="Botao Conheça" /></a>
             </div>
    </div>
            <!-- Inicio botao 3 -->
            <div id="botao3">
            <h3 class="TituloBotoes"><a href="servicos.html">Produtos</a></h3>
            <div id="ImgBotao"> <a href="servicos.html"><img src="{{ MEDIA_URL }}img/botao3.png" alt="Imagem Botao 3" /></a>
             </div>
             <div id="Botao"> <a href="servicos.html"><img class="botao" src="{{ MEDIA_URL }}img/btnBotao_s1.png" alt="Botao Conheça" /></a>
             </div>
          </div>
        </div>
    <div id="equipe">
        {% for quemsomos in quemsomos %}
        {% if quemsomos.publicar %}
   	<div id="bgtiulo">
      <h1 class="tituloEquipe">{{ quemsomos.titulo }}
      </h1>
      <div id="icone1">
      <img src="{{ MEDIA_URL }}img/icone1.png"  />
      </div>
    </div>
    <div id="imgEquipe">
    <a href="quem_somos.html">
    <img width="100%" src="/media/{{ quemsomos.imagem }}" />
    </a>
    </div>
    <div id="descEquic">
        <p >
        {{ quemsomos.descricao|safe }}
        </p>
    </div>
    {% endif %}
    {% endfor %}
    <div id="btnMais">
    <a href="quem_somos.html"> <img src="{{ MEDIA_URL }}img/botao_equipe.png"  class="none"/> </a>
    </div>
    </div>

    </div>



</div>
{% include "footer.html" %}